<template>
    <div>
        {{ str }} --- {{ num }}
        <button @click="add">+1</button>
        <div>
        <a v-bind:href="url" target ="_blank">{{ name }}</a>
        </div>
        <img :src="imgurl"/>
    </div>
</template>
<script setup>
import { ref } from "vue";
let num = ref(10)
let str = 'hello'
let name = ref('百度一下')
let url = ref('https://www.baidu.com')
let imgurl = ref('https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png')
let add = ()=>{
num.value++
}
</script>
<style scoped>
</style>